*{
    margin: 0;
    padding: 0;
}
#app{
    display: flex;
    flex-direction: column;
    min-width: 311px;
}
.top{
    width: 100%;
    height: 200px;
    background: aqua;
}
.picture{
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
}
.picture img{
    display: block;
    width: 100%;
    height: auto;
}
.picture .btn{
    width: 30px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    color: #fff;
    background: rgba(0,0,0,0.3);
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    font-family: "宋体";
    cursor: pointer;
    display: none;
  }
  .picture:hover .btn{
    display: block;
  }
.picture .btnLeft{left: 20px;}
.picture .btnRit{right: 20px;}
/*********主要业务介绍*********/
.main_business{
    width: 100%;
    display: flex;
    justify-content: center;
}
.title{
    font-size: 32px;
}
.box{
    display: -ms-grid;
    display: grid;
    width: 80%;
    -ms-grid-columns: 100%;
    -ms-grid-rows: auto auto ;
    grid-template-columns: 100%;
    grid-template-rows: auto auto ;
    text-align: center;
    justify-content: center;
    padding: 4vh;
  }
  .business{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 4vh;
  }
  .business>.industry1 {
    width: 30%;
    min-width: 290px;
    padding: 2vh;
    flex-grow: 1;
  }
  .business>.industry2 {
     width: 30%;
     padding: 2vh;
     min-width: 290px;
     flex-grow: 1;
  }
  .business>.industry3 {
    width: 30%;
    padding: 2vh;
    min-width: 290px;
    flex-grow: 1;
  }
  .business>.industry4 {
    width: 30%;
    padding: 2vh;
    min-width: 290px;
    flex-grow: 1;
  }
  .business>.industry5 {
    width: 30%;
    padding: 2vh;
    min-width: 290px;
    flex-grow: 1;
  }
  .business>.industry6 {
    width: 30%;
    padding: 2vh;
    min-width: 290px;
    flex-grow: 1;
  }
  .anim_fade_image {   
   animation: fadeInOut 1s linear alternate forwards ;
  }
 @keyframes fadeInOut {
   0% {
       opacity:0;
       width: 30%;
    }
   50% {
       opacity: 0.5;
       width: 65%;    
   }
   100% {
       opacity:1;
       width: 100%;
   }
}
#business_logo1 img{
    opacity: 0;
}
#business_logo2 img{
    opacity: 0;
}
#business_logo3 img{
    opacity: 0;
}
#business_logo4 img{
    opacity: 0;
}
#business_logo5 img{
    opacity: 0;
}
#business_logo6 img{
  opacity: 0;
}
/***主要业务介绍和科技成果介绍区 ***/
.last_introduce {
    display: flex;
    width: 100%;
    background-color: #ffffff;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #business_left {
    width: 70%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    flex-grow: 1;
    background-color: #0c4ab6;
  }
  #photo {
    width: 100%;
    height: auto;
  }
  #photo img {
    height: 100%;
    display: block;
    opacity: 0;
  }
  #main_business {
    padding-top: 5vh ;
    padding-bottom: 5vh;
    width: 100%;
    background-color: #0c4ab6;
  }
  #main_business_text {
    padding: 1vh;
    width: 75%;
    color: #ffffff;
    line-height: 30px;
    text-align: left;
    margin: 0 auto;
    font-size: 14px;
  }
  /**科技成果展示**/
  .achievements {
    width: 30%;
    background-color: #3076e5;
    padding-top: 2vh;
    padding-bottom: 2vh;
    min-width: 245px;
    flex-grow: 1;
  }
  #achievements_text {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
    line-height: 40px;
    text-align: left;
    flex-grow: 1;
  }
  .title1_span{
      padding-bottom: 15px;
      border-bottom: 2px solid blue;
  }
  .title2_span{
    padding-bottom: 10px;
    border-bottom: 2px solid red;
}